<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //定义基准地址
        const baseURL='http://localhost:8080';
        //get请求不携带参数
        // const xhr=new XMLHttpRequest
        // xhr.open('get',baseURL+'/test/second')
        // xhr.send()
        // xhr.onreadystatechange=function(){
        //     if(xhr.readyState===4){
        //         if(xhr.status>=200 && xhr.status<300){
        //             let data=xhr.responseText
        //             data=JSON.parse(data)
        //             console.log(data)
        //         }
        //     }
        // }

        //get请求携带参数
        // var xhr = new XMLHttpRequest;
        // // get请求的参数带在地址栏 - 地址?键=值&键=值&...
        // xhr.open('get', baseURL + '/test/third?name=zhangsan&age=18');
        // xhr.send()
        // xhr.onreadystatechange = function () {
        //     if (xhr.readyState === 4) {
        //         if (xhr.status >= 200 && xhr.status < 300) {
        //             var res = xhr.responseText;
        //             res = JSON.parse(res)
        //             console.log(res);
        //         }
        //     }
        // }

       
        var xhr = new XMLHttpRequest();
        xhr.open('post', baseURL + '/test/fourth',true);
        // post请求携带参数，在open和send之间必须添加数据编码的操作
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
        // post请求携带参数，参数应该放在send方法中 - 以键值对形式
        xhr.send('name=lisi&age=15')
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                if (xhr.status >= 200 && xhr.status < 300) {
                    var res = xhr.responseText;
                    res = JSON.parse(res)
                    console.log(res);
                }
            }
        }

    </script>
</body>

</html>